/**
*@Author: 周贞荣
*@Date 2021/8/26 20:34
*@Description 组件名称首字母大写
*@File MainFrame.vue 文件名称
*@Modify 最近修改人
*/
<template>
    <div class="w100 h100 app">
        <MainHeader/>
        <MainLeft/>
        <article class="w100 h100">
            <router-view></router-view>
        </article>
    </div>
</template>

<script>
    import MainHeader from "./MainHeader";
    import MainLeft from "./MainLeft";

    export default {
        name: "MainFrame",
        components: {MainLeft, MainHeader},
        data() {
            return {}
        },
        methods: {},
        /**
         * 组件加载渲染完成执行回调方法
         */
        mounted() {

        }
    }
</script>

<style scoped lang="scss">
    /*
*当前组件样式编写域
*/
    .app {
        padding-left: 96px;
    }
</style>
